<template>
  <div>
    <h2>您输入的地址有误，请重新检查！</h2>
    <!--页面跳转的方式：1.声明式导航-->
    <router-link tag="button" :to="path"> 点击返回首页</router-link>
    <button @click="goCart">点击查看购物车</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      path: "/"
    };
  },
  methods: {
    //页面跳转的方式2：编程式导航，适用于比较麻烦的功能
    goCart() {
      if (true) {
        this.$router.push("/cart");
      }
    },
  },
};
</script>

<style>
</style>